<!--引导页-->
<template>
	<jc-page>
		<view class="wrap">
			<swiper class="swiper-wrap" :indicator-dots="true" :autoplay="false">
				<swiper-item>
					<view class="swiper-item">
						<image src="../../static/guid01.png" mode="widthFix"></image>
					</view>
				</swiper-item>
				<swiper-item>
					<view class="swiper-item">
						<image src="../../static/guid02.png" mode="widthFix"></image>
						<u-button class="entry" @click="goHome" shape="circle" type="success">进入应用</u-button>
					</view>
				</swiper-item>
			</swiper>
		</view>
	</jc-page>
</template>

<script>
	export default {
		data() {
			return {
				list: [],
			}
		},
		methods: {
			goHome() {
				// uni.navigateBack()
				uni.reLaunch({
					url: '/pages/index/index',
					success: () => {
						this.$u.vuex('vuex_pageCur', 'home');
						this.$u.vuex('vuex_guide', true);
					}
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.swiper-wrap {
		width: 100vw;
		height: 100vh;

		.swiper-item {
			height: 100vh;
			background-color: #74d6fd;

			image {
				width: 100vw;
				height: 100vh;
			}

			.entry {
				width: 90vw;
				position: absolute;
				bottom: 20vw;
				left: 0;
				right: 0;
				margin: 0 auto;
			}
		}
	}
</style>
